<template>
  <div class="content-block content">
    <group>
      <cell title="数据驱动" value="222" is-link link="/test/DataDriven"></cell>
      <cell title="父组件" is-link link="/test/Parent"></cell>
      <cell title="我的邀请码" is-link link="/test/vipcard"></cell>
      <cell title="办会员卡" is-link link="/test/vipcard"></cell>
      <cell title="我的邀请码" is-link link="/test/vipcard"></cell>
      <cell title="vuex" is-link link="/test/vuex"></cell>
    </group>
  </div>
</template>

<script>
import { Divider, Card, Group, Cell, CellBox } from 'vux'

export default {
  components: {
    Card,
    Divider,
    Group,
    Cell,
    CellBox
  }
}
</script>

<style scoped lang="less">
@import '~vux/src/styles/1px.less';

.card-demo-flex {
  display: flex;
}
.card-demo-content01 {
  padding: 10px 0;
}
.card-padding {
  padding: 15px;
}
.card-demo-flex > div {
  flex: 1;
  text-align: center;
  font-size: 12px;
}
.card-demo-flex span {
  color: #f74c31;
}

.banner {
    background-color: white;
    padding: 12.7999992px;
}
.banner .logo {
    background-color: #10c5b6;
    border-radius: 10px;
    height: 110px;
    padding: 20.2666654px 21.333332px 5.333333px;
    box-shadow: 0 0rem 0.8rem rgba(0,0,0,.3);
}
.banner .logo .logo_img {
    margin-top: 0px;
    width: 58.666663px;
    height: 58.666663px;
    display: inline-block;
}
.banner .logo .logo_txt {
    margin-top: 7px;
    float: right;
    text-align: right;
}
.banner .logo .logo_txt .yue {
    color: #ffffff;
    font-size: 15.999999px;
}
.banner .logo .logo_txt .amount {
    display: block;
    margin-top: -6px;
    color: #ffffff;
    font-size: 45.8666638px;
}
.banner .in {
    width: 100%;
    height: 37.333331px;
    margin-top: 11.7333326px;
}
.banner .in .incomes {
    display: inline-block;
    width: 44%;
    height: 37.333331px;
    border-radius: 8px;
    text-align: center;
    line-height: 37.333331px;
    color: #ffffff;
    font-size: 12.7999992px;
    background-color: #10c5b6;
}
.banner .in .students {
    float: right;
    width: 44%;
    height: 37.333331px;
    border-radius: 8px;
    text-align: center;
    line-height: 37.333331px;
    color: #ffffff;
    font-size: 12.7999992px;
    background-color: #10c5b6;
}
</style>
